<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone}">
		<div class="line"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
		</div>
		<div class="content">
			<h1>{{$t('mySetting-key1')}}</h1>
			<div class="items">
				<div class="item header" @click="jump(1)">
					<b>{{$t('mySetting-key2')}}</b>
					<img v-if="headImg" :src="headImg" alt="">
					<img v-if="!headImg" src="../../static/images/headerDefault.png" alt="">
				</div>
				<div class="item" @click="jump(2)"><b>{{$t('mySetting-key3')}}</b><span class="one-line">{{nickName}}</span></div>
				<div class="item no" @click="jump(3)">
					<b v-if="mobile && mobile.indexOf('@') > -1">{{$t('mySetting-key4')}}</b>
					<b v-else>{{$t('mySetting-key5')}}</b>
					<span>{{mobile}}</span>
				</div>
<!-- 				<div class="item" v-if="locale==='zh'" @click="isRealName">
					<b>实名认证</b>
					<span>{{realNameStatus==0?'未认证':realNameStatus==1?'审核中':realNameStatus==2?'审核通过':realNameStatus==3?'驳回':''}}</span>
				</div> -->
			</div>
		</div>
		<div class="edit-left-slide" @click="clickLeft"></div>
		<div class="edit-right-slide" @click="clicRight"></div>
		<!-- <div class="login-out" @click="loginOut">退出登录</div> -->
	</div>
</template>
<script src="./mySetting.js"></script>
<style scoped>
	@import './mySetting.css';
</style>
<style>
	.sellType-mark{
		background-color: rgba(0,0,0,.5);
	}
	.van-dialog.sellType-dialog{
		width: 5.07rem;
		border-radius: 0.22rem;
	}
	.van-dialog.sellType-dialog .van-dialog__header{
		padding-top: 0.4rem;
		font-size: 0.32rem;
		color: #2E3D4D;
		font-weight: bold;
	}
	.van-dialog.sellType-dialog .van-dialog__message{
		font-size: 0.3rem;
		padding: 0.1rem 0 0.35rem 0;
		color: #2E3E4D;
	}
	.van-dialog.sellType-dialog .van-button{
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.32rem;
	}
	.van-dialog.sellType-dialog .van-dialog__confirm{
		font-weight: 600;
	}
</style>